.p {
  width: 90%;
  padding-top: 2%;
  padding-bottom: 5%;
  margin-left: 5%;
  margin-top: 1%;
  margin-bottom: 2%;
  border-radius: 10px;
  box-shadow:
    0 3px 0 0 #eeeeee,
    3px 0 0 0 #eeeeee,
    0 -3px 0 0 #eeeeee,
    -3px 0 0 0 #eeeeee;
}

.p-price,
.p-condition,
.pp {
  display: flex;
}

.p-icon {
  margin-top: 1%;
  margin-left: 5%;
  margin-right: 1%;
  width: 1%;
  height: 17px;
  background-color: #f4b528;
  border-radius: 2px;
}

.pp {
  margin-left: 6%;
  font-size: 0.9rem;
  margin-top: 1%;
  margin-bottom: 5%;
}

.type {
  margin-left: 4%;
}

.i {
  margin-left: -4%;
}

.outimg {
  margin-left: 4%;
  width: 100%;
  height: 180px;
}

.btn {
  width: 80%;
  height: 45px;
  line-height: 45px;
  border-radius: 20px;
  background-color: rgb(255, 185, 55);
  color: rgb(255, 255, 255);
}

.leftbox {
  padding-left: 3%;
}

.footer {
  display: flex;
}
.ic {
  padding-left: 15%;
}